:root{
    --uc-purple:#892CFF;
    --uc-violet:#A459FF;
    --uc-pink:#f25fff;
    --uc-red:#CC0637;
    --uc-green:#4ADE80;
    --uc-amber:#f59e0b;
    --uc-danger:#ef4444;
    --uc-dark:#0D0617;
    --uc-card-bg:#110a1f;
    --uc-cyan:#00DDDD;
    --uc-cyan-light:#40E0D0;
    --uc-ease:cubic-bezier(.4,0,.2,1);
    --uc-image-ratio:4/3;
    --uc-label-shipping:"Doprava zdarma";
    --uc-label-discount:"Akční sleva";
    --uc-label-gift:"Dárek zdarma";
    --uc-gift-text:"🎁 Dárek v hodnotě až 1 990 Kč";
    --uc-banner-benefit:linear-gradient(135deg,#4ADE80,#22C55E);
    --uc-banner-benefit-fg:#052e16;
    --uc-banner-sale:linear-gradient(135deg,#FFD700,#FFA500);
    --uc-banner-sale-fg:#1a1200;
}

.p .p-action,
.p .p-tools,
.p .detail-link,
.p .btn-detail,
.p a.detail-link,
.p a.btn-detail,
.p .p-action a[href],
.p .p-bottom .detail-link{
    display:none!important;
}

.p-desc{display:none!important}

.p{
    background:var(--uc-card-bg)!important;
    border:1px solid rgba(137,44,255,.25)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 0 20px rgba(137,44,255,.1),0 8px 32px rgba(0,0,0,.4)!important;
    transition:border-color .4s var(--uc-ease),box-shadow .4s var(--uc-ease),transform .4s var(--uc-ease)!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    cursor:pointer!important;
    container-type:inline-size;
}

.p>*{order:2}
.p>.image{order:1}
.p>.p-in{order:2}
.p>.flags{order:3}

@media (hover:hover){
    .p:hover{
        border-color:rgba(137,44,255,.5)!important;
        box-shadow:0 0 35px rgba(137,44,255,.25),0 12px 40px rgba(0,0,0,.5)!important;
        transform:translateY(-4px)!important;
    }
    .p:hover>.image img{
        transform:scale(1.04)!important;
        filter:brightness(1.05) saturate(1.1)!important;
    }
}

.p:has(a:focus-visible){
    outline:2px solid var(--uc-pink);
    outline-offset:3px;
    border-color:rgba(242,95,255,.6)!important;
}

.p>.image{
    position:relative!important;
    overflow:hidden!important;
    border:none!important;
    border-radius:0!important;
    background:var(--uc-card-bg)!important;
    margin:0 0 -1px 0!important;
    padding:0!important;
    flex-shrink:0!important;
    aspect-ratio:var(--uc-image-ratio);
}

.p>.image a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    line-height:0!important;
    background:var(--uc-card-bg)!important;
}

.p>.image img{
    border-radius:0!important;
    border:none!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    background:var(--uc-card-bg)!important;
    filter:brightness(1) saturate(1.05)!important;
    transition:transform .5s var(--uc-ease),filter .5s var(--uc-ease)!important;
}

.p>.image::after{
    content:"";
    position:absolute;
    bottom:-5px;left:-5px;right:-5px;
    height:60px;
    background:linear-gradient(to bottom,transparent 0%,rgba(17,10,31,.15) 30%,rgba(17,10,31,.5) 65%,var(--uc-card-bg) 100%);
    pointer-events:none;
    z-index:5;
}

.uc-view-banner {
    position: absolute;
    top: 50%;
    right: -100%;
    transform: translateY(-50%);
    z-index: 10;
    background: linear-gradient(135deg, rgba(137,44,255,.9), rgba(242,95,255,.8));
    color: #fff;
    font-family: "OrbitronCZ", "Orbitron", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 10px 20px 10px 16px;
    border-radius: 8px 0 0 8px;
    box-shadow: -4px 0 20px rgba(137,44,255,.4);
    transition: right .35s var(--uc-ease);
    pointer-events: none;
    white-space: nowrap;
}

.uc-view-banner::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: #fff;
    border-radius: 8px 0 0 8px;
    opacity: .6;
}

.p:hover .uc-view-banner,
.p.uc-hover .uc-view-banner { right: 0; }

@media (max-width: 768px) {
    .uc-view-banner { font-size: 10px; padding: 8px 14px 8px 12px; letter-spacing: 1px; }
}

.p-in{
    background:transparent!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:clamp(13px,5cqi,22px) clamp(13px,5cqi,22px) clamp(15px,6cqi,24px)!important;
    margin:0!important;
    position:relative!important;
    overflow:visible!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
    text-align:left!important;
    z-index:6!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
}

.p-in>*{order:2}
.p-in>.p-in-in{order:1}
.p-in>.flags,
.p-in>.uc-content-flags{order:3}
.p-in>.p-bottom{order:4;margin-top:auto!important}

.p-in::before{
    content:"";
    position:absolute;
    top:-10px;left:0;right:0;
    height:12px;
    background:var(--uc-card-bg);
    z-index:6;
    pointer-events:none;
}

.p-in-in{
    overflow:visible!important;
    white-space:normal!important;
    text-align:left!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}

.p-in-in>*{order:2}
.p-in-in>.name{order:1}
.p-in-in>.flags,
.p-in-in>.uc-content-flags{order:3}

.p-in .name,
.p-in .name a,
.p-in .name span,
.p-in .name span[data-micro="name"],
.p-in-in .name,
.p-in-in .name span,
.p .product-name{
    font-family:"OrbitronCZ","Orbitron",sans-serif!important;
    color:#fff!important;
    font-size:clamp(.95rem,6.5cqi,1.2em)!important;
    font-weight:700!important;
    line-height:1.25!important;
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:none!important;
    max-width:none!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    text-decoration:none!important;
    letter-spacing:.5px!important;
    margin:0!important;
}

.p-in .name a:hover{color:var(--uc-pink)!important}

.p .p-in a.name::after,
.p .p-in .name a::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:7;
}

.p .specifications{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:clamp(4px,1.8cqi,6px)!important;
    margin-top:clamp(7px,3cqi,10px)!important;
}

.p .spec-item,
.p-in .parameter-dependent{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(9px,3.4cqi,12px)!important;
    line-height:1.3!important;
    color:var(--uc-pink)!important;
    background:rgba(137,44,255,.08)!important;
    padding:clamp(3px,1.4cqi,5px) clamp(7px,3.4cqi,14px)!important;
    border-radius:20px!important;
    display:inline-block!important;
    text-align:center!important;
    border:1px solid rgba(137,44,255,.3)!important;
    margin:0!important;
    font-weight:600!important;
    white-space:nowrap!important;
}

.p .flags,
.p .uc-content-flags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:clamp(4px,1.8cqi,6px)!important;
    position:static!important;
    transform:none!important;
    float:none!important;
    visibility:visible!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:clamp(10px,4cqi,14px) 0 0 0!important;
    padding:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    pointer-events:none;
}

.p .uc-flags-moved,
.p .flags:empty{display:none!important;margin:0!important}

.p .flag{
    display:inline-flex!important;
    align-items:center!important;
    padding:clamp(3px,1.4cqi,5px) clamp(7px,3.2cqi,12px)!important;
    font-size:clamp(9px,3.2cqi,11px)!important;
    line-height:1.3!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    letter-spacing:.3px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    white-space:nowrap!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
    float:none!important;
    visibility:visible!important;
    height:auto!important;
    overflow:visible!important;
    box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)!important;
}

.p .flag-new{
    background:linear-gradient(135deg,rgba(204,6,55,.9),rgba(160,5,31,.85))!important;
    color:#fff!important;border-color:rgba(204,6,55,.4)!important;
}
.p .flag-freeshipping{
    background:linear-gradient(135deg,rgba(74,222,128,.9),rgba(34,197,94,.85))!important;
    color:#052e16!important;border-color:rgba(74,222,128,.4)!important;
}
.p .flag-ddr5{
    background:linear-gradient(135deg,rgba(15,15,15,.9),rgba(40,40,40,.85))!important;
    color:#fff!important;border-color:rgba(137,44,255,.5)!important;
    box-shadow:0 2px 10px rgba(0,0,0,.4),0 0 8px rgba(137,44,255,.3)!important;
}
.p .flag-rtx-50xx{
    background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(25,25,25,.85))!important;
    color:#76b900!important;border-color:rgba(118,185,0,.5)!important;
    text-shadow:0 0 6px rgba(118,185,0,.4)!important;
    box-shadow:0 2px 10px rgba(0,0,0,.4),0 0 10px rgba(118,185,0,.3)!important;
}
.p .flag-wi-fi,
.p .flag-wifi{
    background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.85))!important;
    color:#fff!important;border-color:rgba(59,130,246,.4)!important;
}
.p .flag-gift{
    background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(6,20,10,.85))!important;
    color:var(--uc-green)!important;
    border-color:rgba(74,222,128,.5)!important;
    box-shadow:0 2px 10px rgba(0,0,0,.4),0 0 10px rgba(74,222,128,.25)!important;
    font-weight:700!important;
}
.p .flag-sleva1500{
    background:linear-gradient(135deg,rgba(0,210,220,.9),rgba(64,224,208,.85))!important;
    color:#0a1a2a!important;
    border-color:rgba(0,210,220,.5)!important;
    font-weight:700!important;
    box-shadow:0 2px 10px rgba(0,210,220,.3),inset 0 1px 0 rgba(255,255,255,.15)!important;
}

.p .p-bottom{
    display:flex!important;
    flex-direction:column!important;
    margin-top:auto!important;
    clear:both!important;
    border:none!important;
    background:none!important;
    padding:0!important;
}
.p .p-bottom>*{order:3}
.p .p-bottom>.prices{order:1}
.p .p-bottom>.availability{order:2}
.p .p-bottom::before,
.p .p-bottom::after{content:none!important;display:none!important}

.p .prices{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    margin:clamp(10px,4cqi,14px) 0 0!important;
    padding:0 0 clamp(9px,3.4cqi,12px)!important;
    background:linear-gradient(135deg,#130b22,#1a1030)!important;
    border:1px solid rgba(137,44,255,.2)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    position:relative!important;
    text-align:center!important;
    box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
    box-sizing:border-box!important;
    max-width:100%!important;
    isolation:isolate;
}

.p .prices::before{
    content:"";
    display:block;
    order:0;
    width:100%;
    height:clamp(10px,4cqi,14px);
    background:none;
    box-sizing:border-box;
}

.p:not(:has(.flag-gift)) .prices::after{
    content:none!important;
    display:none!important;
}

.p .prices>*:not(.price-final):not(.price-standard):not(.price-save):not(.price-additional):not(.uc-coupon-banner):not(.uc-coupon-price):not(.uc-coupon-save){
    display:none!important;
}

.p .prices .price-final{
    order:1;
    color:#fff!important;
    font-size:clamp(1.05rem,10cqi,1.7em)!important;
    font-weight:900!important;
    line-height:1.1!important;
    padding:0 clamp(8px,3.4cqi,16px)!important;
    margin:0!important;
    white-space:nowrap!important;
}
.p .prices .price-final strong{color:#fff!important;font-weight:900!important;white-space:nowrap!important}

.p .prices .price-standard{
    order:2;
    color:#bbb!important;
    opacity:.7;
    font-size:clamp(10px,3.6cqi,.95em)!important;
    font-weight:600!important;
    text-decoration:line-through!important;
    text-decoration-thickness:2px!important;
    padding:4px clamp(8px,3.4cqi,16px) 0!important;
    margin:0!important;
    white-space:nowrap!important;
}
.p .prices .price-standard strong{font-weight:600!important;color:inherit!important}

.p .prices .price-save{display:none!important}

.p .prices .price-additional{
    order:5;
    color:rgba(255,255,255,.4)!important;
    font-size:clamp(9px,3cqi,.75em)!important;
    line-height:1.3!important;
    padding:clamp(6px,2.6cqi,8px) clamp(8px,3.4cqi,16px) 0!important;
    margin:0!important;
}

.p:not(:has(.flag-sleva1500)):has(.flag-gift) .prices::before,
.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):has(.price-standard) .prices::before,
.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):not(:has(.price-standard)):has(.flag-freeshipping) .prices::before{
    height:auto;
    padding:clamp(6px,2.6cqi,8px) clamp(8px,3cqi,12px);
    margin-bottom:clamp(10px,4cqi,14px);
    font-family:"OrbitronCZ","Orbitron",sans-serif;
    font-size:clamp(.58rem,3.4cqi,.82em);
    font-weight:800;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:clamp(.4px,.4cqi,1.2px);
    text-align:center;
}

.p:not(:has(.flag-sleva1500)):has(.flag-gift) .prices::before{
    content:var(--uc-label-gift);
    background:var(--uc-banner-benefit);
    color:var(--uc-banner-benefit-fg);
}
.p:not(:has(.flag-sleva1500)):has(.flag-gift) .prices{border-color:rgba(74,222,128,.35)!important}

.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):has(.price-standard) .prices::before{
    content:var(--uc-label-discount);
    background:var(--uc-banner-sale);
    color:var(--uc-banner-sale-fg);
}
.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):has(.price-standard) .prices{border-color:rgba(255,215,0,.35)!important}

.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):not(:has(.price-standard)):has(.flag-freeshipping) .prices::before{
    content:var(--uc-label-shipping);
    background:var(--uc-banner-benefit);
    color:var(--uc-banner-benefit-fg);
}
.p:not(:has(.flag-sleva1500)):not(:has(.flag-gift)):not(:has(.price-standard)):has(.flag-freeshipping) .prices{border-color:rgba(74,222,128,.35)!important}

.p:has(.flag-gift) .prices::after{
    content:var(--uc-gift-text);
    order:4;
    align-self:center;
    margin:clamp(6px,2.6cqi,10px) 10px 0;
    padding:6px clamp(8px,3.4cqi,12px);
    border:1.5px dashed rgba(74,222,128,.5);
    border-radius:10px;
    color:var(--uc-green);
    font-size:clamp(9px,3.2cqi,.8em);
    font-weight:700;
    line-height:1.25;
    text-align:center;
}

.p.uc-coupon .prices{
    border:2px dashed rgba(0,210,220,.55)!important;
    background:linear-gradient(135deg,#081215,#0a1a1c)!important;
}
.p.uc-coupon .prices::before{display:none!important}
.p.uc-coupon .prices .price-standard{display:none!important}
.p.uc-coupon .prices .price-final{
    order:4;
    color:rgba(255,255,255,.45)!important;
    font-size:clamp(10px,3.6cqi,.9em)!important;
    font-weight:600!important;
    text-decoration:line-through!important;
    text-decoration-thickness:2px!important;
    padding:2px clamp(8px,3.4cqi,16px) 0!important;
}
.p.uc-coupon .prices .price-final strong{color:inherit!important;font-weight:600!important}

.p .prices .uc-coupon-banner{
    order:0;
    width:100%;
    padding:clamp(6px,2.6cqi,8px) clamp(8px,3cqi,12px);
    background:linear-gradient(135deg,var(--uc-cyan),var(--uc-cyan-light));
    color:#0a1a2a;
    font-family:"OrbitronCZ","Orbitron",sans-serif;
    font-size:clamp(.56rem,3.2cqi,.78em);
    font-weight:800;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:clamp(.4px,.3cqi,1px);
    text-align:center;
    box-sizing:border-box;
    margin-bottom:clamp(10px,4cqi,14px);
}

.uc-coupon-code{
    font-family:Rajdhani,"Rajdhani",sans-serif;
    letter-spacing:2px;
    font-size:1.15em;
    cursor:pointer;
    background:rgba(0,0,0,.85);
    color:#fff;
    padding:2px 10px;
    border-radius:6px;
    display:inline-block;
    text-transform:none;
    position:relative;
    z-index:8;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
@media (hover:hover){
    .uc-coupon-code:hover{background:#fff;color:#000;transform:scale(1.08)}
}
.uc-coupon-code.is-copied{background:rgba(0,210,220,.25)}

.p .prices .uc-coupon-price{
    order:1;
    color:#fff;
    font-size:clamp(1.05rem,10cqi,1.7em);
    font-weight:900;
    line-height:1.1;
    padding:0 clamp(8px,3.4cqi,16px);
    white-space:nowrap;
    text-shadow:0 2px 10px rgba(0,210,220,.3);
}

.p .availability,
.p .availability-box{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:clamp(9px,3.4cqi,12px) 0 0!important;
    padding:0!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
    font-size:clamp(10px,3.4cqi,12px)!important;
    line-height:1.3!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    letter-spacing:.5px!important;
    align-self:flex-start!important;
    max-width:100%!important;
}

.p .availability *,
.p .availability-box *{
    color:inherit!important;
    background:none!important;
    border:none!important;
    padding:0!important;
    margin:0!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    box-shadow:none!important;
}

.p .availability::before,
.p .availability-box::before{
    content:"";
    width:8px;height:8px;
    border-radius:50%;
    flex-shrink:0;
    background:currentColor;
    box-shadow:0 0 6px currentColor;
}

.p .uc-avail-instock{color:var(--uc-green)!important}
.p .uc-avail-outofstock{color:var(--uc-danger)!important}
.p .uc-avail-other{color:var(--uc-amber)!important}

@container (max-width:200px){
    .p .uc-view-banner{display:none!important}
    .p .spec-item,
    .p-in .parameter-dependent{letter-spacing:0!important}
    .p .flag{letter-spacing:0!important}
}

.availability span{
    font-weight:bold!important;
    padding:6px 14px!important;
    border-radius:6px!important;
    display:inline-block!important;
    font-size:13px!important;
    text-transform:uppercase!important;
    letter-spacing:.5px!important;
    transition:all .3s ease!important;
}
.availability span.sold-out,
.availability span.vyprodano,
.availability span.temporarily-unavailable,
.availability span.nedostupne{
    color:#ff4757!important;
    background:linear-gradient(135deg,rgba(255,71,87,.15),rgba(255,71,87,.05))!important;
    border:1px solid rgba(255,71,87,.3)!important;
    box-shadow:0 2px 8px rgba(255,71,87,.2)!important;
}
.availability span.in-stock,
.availability span.skladem{
    color:rgb(78,250,156)!important;
    font-weight:bold!important;
}

.shp-tabs-holder{overflow-x:auto;white-space:nowrap}
.shp-tabs.p-detail-tabs{display:flex;flex-wrap:nowrap}
.detail-parameters{width:100%;overflow-x:auto}
.tab-content{border:2px solid #1C2024}
.specs-detail-bubble{border:1px solid #892CFF;background-color:#34162A;color:#fff}
h1[data-testid="eshopHeader"]{text-align:center;margin:0 auto;display:block}

@media (max-width:768px){
    .p{border-radius:20px!important}
    .p .prices{border-radius:12px!important}
    .shp-tabs-wrapper,.p-detail-tabs-wrapper,.tab-content{padding:0 10px}
    .basic-description,.extended-description{padding:0}
    .availability span{padding:5px 12px!important;font-size:12px!important}
}

@media (max-width:480px){
    .p{border-radius:16px!important}
}

@media (prefers-reduced-motion:reduce){
    .p,
    .p>.image img,
    .uc-coupon-code,
    .availability span{transition:none!important}
    .p:hover{transform:none!important}
    .p:hover>.image img{transform:none!important}
    .uc-coupon-code:hover{transform:none!important}
}